<template>
	<div class="contains" style="background: #f2f2f2;">
		<div class="point-header">
			 <image src="../../assets/images/points.png" mode=""></image>
		</div>
		<div class="point-log-content">
			 <div class="point-log-name">积分明细</div>
			 <div class="point-log-list">
				  <div class="point-log-item">
					   <div class="point-log-title">积分增加</div>
					   <div class="point-log-date">2023年05月10日</div>
					   <div class="span">+100</div>
				  </div>
				  <div class="log-more">
					   查看更多
				  </div>
			 </div>
		</div>
		<div class="point-log-statis">
			<div class="point-log-s-inner">
				<div class="point-log-s-item">
								  <div class="num">123</div>
								  <div class="name">入库数量</div>
								  <div class="point-num">+100积分</div>
				</div>
				<div class="point-log-s-item">
								 <div class="num">123</div>
								 <div class="name">出库数量</div>
								 <div class="point-num">-100积分</div>
				</div>
				<div class="point-log-s-item">
								 <div class="num">123</div>
								 <div class="name">出库数量</div>
								 <div class="point-num">100积分</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.point-header { width: 100%; height: 200px;}
	.point-header image { width:100%;}
	.point-log-item { position: relative; height: 60px; border-bottom: 1px solid #eee;}
	.point-log-content { background: #fff;}
	.point-log-name { width: 80%; margin: 0 auto;}
	.point-log-list { width: 80%; margin: 20px auto 0 auto;}
	.point-log-date { color: #666;}
	.point-log-item .span { position: absolute; top:10px; right: 10px;}
	.log-more { height: 40px; line-height: 40px; text-align: center; color: #666;}
	.point-log-statis { width: 100%; background: #fff; margin-top: 10px;}
	.point-log-s-inner { width: 90%; margin: 0 auto; text-align: center;}
	.point-log-s-item { width: 33%; height: 60px; display: inline-block;}
	.point-log-s-item .num { text-align: center; height: 35px; line-height: 35px; font-size: 14px;}
	.point-log-s-item .name { color: #000; font-size: 20px;}
	.point-log-s-item .point-num { color: orange;}
</style>